<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>投资数</title>
    <link href="css/layui.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/MHCSS.css">
	<link rel="stylesheet" href="css/investment.css">
</head>

<body>
<div  class="wrapBox">
     <div class="boxHeader">
		  <div class="dyzs activeBgColor"><i></i>当月展示</div>
		  <div class="czdb"><i></i>差值对比</div>	 
	 </div>
	 
	 <div  class="boxContent">
		<div   class="wrapBoxDiv">
		  <div class="boxLeft">
			    <div class="boxBanner">
					<div class="boxBannerTitle">
						<i class="boxZb"></i>指标
					</div>
				</div> 
				<div class="boxWrap">
					 <div class="myBox">
						 <div class="myBoxIcon">
							 <i class="bgIcon"></i>
						 </div>
						 <div class="txtBox">
							 <span class = "mothRatio"></span>
							 <span>当月投资兑现率</span>
						 </div>  
					 </div>
					 <div class="zyBox">
						 <div class="myBoxIcon">
						     <i class="bgIcon2"></i>
						 </div>
						 <div class="txtBox">
							 <span class = "sofarRatio"></span>
							 <span>逐月累计投资兑现率</span>
						 </div>
					 </div> 
					 <div class="qnBox">
						 <div class="myBoxIcon">
						     <i class="bgIcon3"></i>
						 </div>
						 <div class="txtBox">
							 <span class = "annualRatio"></span>
							 <span>全年完成投资兑现率</span>
						 </div>
					 </div>  
				</div>
		        <div class="echartBox">
				  <div class="echartTitle">
					  <div class="zlBox">投资数-总览  <span style="font-size:1rem;"  id="zlBoxDiv">采购合同号<b>4500000707</b></span></div>
					  <div class="fhBox">
						  <div class="fhBoxBtn">返回上一级</div>
					  </div>
				  </div>
				  <div id="myEchart"></div>
				  <div id="myEchart2"></div>
		        </div>
		  </div>
		  <div class="boxRight">
			  <div class="taskZt">
				  <div  class="taskZtBox">
					  <div class="taskZtitle">
						  <i></i>项目总体累计
					  </div>
				  </div>
				  <div  class="taskContent">
					  <div class="wc_Box">
						  <div class = "addupAc"></div>
						  <div>完成</div>
					  </div>
					  <div class="wcl_Box">
						  <div class = "addupRatio"></div>
						  <div>完成率</div>
					  </div>
				  </div>
			  </div>
			  <div  class="pxsm">
				  <div  class="pxsmBox">
					  <div class="pxsmTitle">
						  <i></i>偏差说明改进措施
					  </div>
				  </div>
				  <div  class="pxsmContent">
					 <div class="pxsmContentBox">
						 <div class="pxsmContentTitle">
							 <div class="activeBgColor">偏差说明</div>
							 <div>改进措施</div>
						 </div>
						 <div class="pxsmWrapBox">
							 <div class="pxsmWrapStyle">
								  <!-- 8月CBCT大修项目进度缓慢 -->
							 </div>
							  <div class="pxsmWrapStyle2">
								  
							  </div>
						 </div>
					 </div> 
				  </div>
			  </div>
		  </div>
		</div>
		
		<div   class="wrapBoxDiv2">
		  <div class="boxLeft">
			    <div class="boxBanner">
					<div class="boxBannerTitle">
						<i class="boxZb"></i>指标
					</div>
				</div> 
				<div class="boxWrap">
					 <div class="myBox">
						 <div class="myBoxIcon">
							 <i class="bgIcon"></i>
						 </div>
						 <div class="txtBox">
							 <span>83.3%</span>
							 <span>每月投资兑现率</span>
						 </div>  
					 </div>
					 <div class="zyBox">
						 <div class="myBoxIcon">
						     <i class="bgIcon2"></i>
						 </div>
						 <div class="txtBox">
							 <span>96.8%</span>
							 <span>逐月累计投资兑现率</span>
						 </div>
					 </div> 
					 <div class="qnBox">
						 <div class="myBoxIcon">
						     <i class="bgIcon3"></i>
						 </div>
						 <div class="txtBox">
							 <span>64.6%</span>
							 <span>全年完成投资兑现率</span>
						 </div>
					 </div>  
				</div>
		        <div class="echartBox">
				  <div class="echartTitle">
					  <div class="zlBox">投资数-总览</div>
					  <div class="fhBox">
						  <div class="fhBoxBtn2">返回上一级</div>
					  </div>
				  </div>
				  <div id="myEchart2"></div>
		        </div>
		  </div>
		  <div class="boxRight">
			  <div class="taskZt">
				  <div  class="taskZtBox">
					  <div class="taskZtitle">
						  <i></i>项目总体累计
					  </div>
				  </div>
				  <div  class="taskContent">
					  <div class="wc_Box">
						  <div><span class="wc_spBox">450</span>万</div>
						  <div>完成</div>
					  </div>
					  <div class="wcl_Box">
						  <div><span class="wcl_spBox">54.5</span>%</div>
						  <div>完成率</div>
					  </div>
				  </div>
			  </div>
			  <div  class="pxsm">
				  <div  class="pxsmBox">
					  <div class="pxsmTitle">
						  <i></i>偏差说明改进措施
					  </div>
				  </div>
				  <div  class="pxsmContent">
					 <div class="pxsmContentBox">
						 <div class="pxsmContentTitle">
							 <div class="activeBgColor">偏差说明</div>
							 <div>改进措施</div>
						 </div>
						 <div class="pxsmWrapBox">
							 <div class="pxsmWrapStyle PCSM">

							 </div>
							  <div class="pxsmWrapStyle2 GJCS">
								  
							  </div>
						 </div>
					 </div> 
				  </div>
			  </div>
		  </div>
		</div>
		 
		 
	 </div>
	
</div>

</body>
<script src="echarts/echarts.min.js"></script>
<script src="layui.js"></script>
<script src="index.js"></script>
<script src="modules/myChartOption.js"></script>
<script src="modules/myChart.js"></script>
<script src="modules/investment.js"></script>
<script src="modules/format.js"></script>

<script>
    layui.use(['layer','form','element'], function () {//,'element'
        var layer = layui.layer
            , element = layui.element
            ,form = layui.form
            , $ = layui.$;
        
		

   
	   
	    $(".pxsmContentTitle>div").on("click",function(){
	    		  var  index = $(this).index();
	    		 $(this).addClass("activeBgColor").siblings().removeClass('activeBgColor');
	    		 if(index == 0){
	    			 $(".pxsmWrapStyle").show();
	    			 $(".pxsmWrapStyle2").hide();
	    		 }else{
	    			 $(".pxsmWrapStyle").hide();
	    			 $(".pxsmWrapStyle2").show();
	    		 }
	    })
         



		var data = getData();
		// var  data = {proId: "4500000707", year: "2020", month: "09"};
		data.proId = "4500000707";
		var dataSource = httpRequestReload($,data,"proInvest");
		reloadMyChartDom($,dataSource);
		setInvDeviationDom($,queryInvDeviation($))
		ModeMenu($);


        $("#myChartBackBtn").click(function () {
            if(myChartIndex == 0){

            }else {
                myChartIndex = myChartIndex-1;
                myChartNum = myChartNum-1;
                // var test = [1,2,3];
                // console.log("testPop()>>>"+test.length);
                // test.pop();
                // console.log("2testPop()>>>"+test.length);
                reload(optionList);
            }
        });

	
		
	    backBtn($);	  
		   
    });
</script>
<style>
	
</style>
</html>